

<html> 

<head> 


<meta http-equiv="Content-Type" content="text/html; charset=utf -8" /> 

<meta name="viewport" content="width=device-width" /> 

<meta name="Description" content="Follow the guide to Installing the Android SDK , 
which will help you setup your development environment. There&#39;s no additional 
setup. Note: You are currently viewing the offline version of the Android developer 
documentation. Because some features..."> 

<link rel="shortcut icon" type="image/x-icon" href =". /favicon . ico" /> 

<title>Welcome | Android Developers</title> 

<!-- STYLESHEETS --> 

<link rel="stylesheet" 

href ="http : //fonts . googleapis . com/css?f amily=Roboto+Condensed"> 

<link rel="stylesheet " href ="http : //fonts . googleapis . com/css? 
family=Roboto: light, regular, medium, thin, italic, mediumitalic, bold" 
title="roboto"> 

<link href =" ./assets/css/default .css?v=2" rel="stylesheet" type="text/css"> 


<!-- JAVASCRIPT --> 

<script src="http : //www. google . com/jsapi" type="text/javascript"x/script> 
<script src=" . /assets/ js/android_3p- bundle. js" type="text/javascript"x/script> 
<script type="text/javascript"> 
var toRoot = "./"; 



var metaTags = []; 
var devsite = false; 

</script> 

<script src=" ./asset s/j s/docs . js?v=2" type="text/javascript"x/script> 

<script> 

( function (i, s, o, g, r, a, m){i[ 1 GoogleAnalyticsObject ' ]=r ;i[r]=i[r] | | function ( ){ 
(i[r] . q=i[r] . q | | [] ) . push(arguments)}, i[r] . 1=1* new Date( ) ; a=s . createElement (o) , 
m=s.getElementsByTagName(o) [0] ;a.async=l;a.src=g;m.parentNode.insertBefore(a,m) 
}) (window, document, 1 script 1 , 1 //www. google -analytics . com/analytics . js ' , ' ga 1 ) ; 

ga( 'create', ' UA-5831155-1' , 'android.com'); 

ga( ' create', ' UA-49880327-2 ' , 'android.com', {'name': 'universal'}); // New 
tracker) ; 

ga('send', 'pageview'); 

ga( ' universal . send ' , 'pageview'); // Send page view for new tracker. 

</script> 

</head> 

<body class="gc-documentation 

" itemscope itemtype="http://schema.org/Article"> 

<a name="top"></a> 

<!-- Header --> 

<div id="header-wrapper"> 

<div id="header"> 


<div class="wrap" id="header-wrap"> 

<div class="col-3 logo"> 

<a href =". /index . html"> 

<img src=" . /assets/images/dac_logo . png" 

srcset=" . /assets/images/dac_logo@2x . png 2x" 
width="123" height="25" alt="Android Developers" /> 

</a> 

<div class="btn-quicknav" id="btn-quicknav"> 

<a href="#" class="arrow-inactive">Quicknav</a> 

<a href="#" class="arrow-active">Quicknav</a> 

</div> 

</div> 

<ul class="nav-x col-9"> 

<li class="design"> 

<a href =" ./design/index. html" 

zh-tw-lang="g£g+" 

zh-cn-lang= "licit" 

ru-lang="npoeKTnpoBaHne" 

ko-lang="c.|x(-°J" 

ja-lang="^gf" 

es-lang="Disenar" 

>Design</a></li> 

<li class="develop"><a href =" ./develop/index. html" 
zh-tw-lang="li#" 
zh-cn-lang="JF^;" 
ru-lang="Pa3pa6oTKa" 



ko-lang="7H = h " 
ja-lang="!§#" 
es-lang="Desarrollar" 
>Develop</a></li> 

<li class="distribute last"><a 
href =" . /distribute/googleplay/index . html" 
zh-tw-lang^'##" 
zh-cn-lang=";fr/£" 
ru-lang="PacnpocTpaHeHne" 
ko-lang="tJHS" 
ja-lang="®S^" 
es-lang="Distribuir" 
>Distribute</a></li> 


<div class="menu-container"> 

<div class="moremenu"> 

<div id="more-btn"x/div> 

</div> 

<div class="morehover" id="moremenu"> 

<div class="top"x/div> 

<div class="mid"> 

<div class=" header ">Links</div> 

<ul> 

<li><a href =" https : //play . google . com/apps/publish/" 
target="_googleplay">Google Play Developer Console</ax/li> 

<lixa href ="http : //android-developers . blogspot . com/">Android Developers 
Blog</a></li> 

<lixa href =" ./about/index. html">About Android</ax/li> 

</ul> 

<div class="header">Android Sites</div> 

<ul> 

<li><a href="http : //www. android . com">Android . com</ax/li> 

<li class="active"><a>Android Developers</a></li> 

<lixa href ="http: //source. android. com">Android Open Source 
Project</a></li> 

</ ul> 


<br class="clearfix" /> 

</div><!-- end 'mid' --> 

<div class="bottom"x/div> 

</div><!-- end 'moremenu' --> 

<div class="search" id="search-container"> 

<div class="search-inner"> 

<div id="search-btn"x/div> 

<div class="lef t"x/div> 

<form onsubmit="return submit_search( ) "> 

<input id="search_autocomplete" type="text" value="" autocomplete="off " 

name="q" 

onf ocus= " sear ch_focus_changed( this, true) " 
onblur="search_focus_changed(this, false)" 

onkeydown="return search_changed(event, true, './')" 



onkeyup=" return search_changed(event, false, /> 

</form> 

<div class="right"x/div> 

<a class="close hide">close</a> 

<div class="lef t"></div> 

<div class="right"x/div> 

</div><!-- end search-inner --> 

</div><!-- end search-container --> 

<div class="search_filtered_wrapper reference'^ 

<div class="suggest-card reference no-display"> 

<ul class="search_filtered"> 

</ul> 

</div> 

</div> 

<div class="search_filtered_wrapper docs"> 

<div class="suggest-card dummy no-display">&nbsp;</div> 

<div class="suggest-card develop no-display"> 

<ul class="search_filtered"> 

</ul> 

<div class="child-card guides no-display"> 

</div> 

<div class="child-card training no-display"> 

</div> 

<div class="child-card samples no-display"> 

</div> 

</div> 

<div class="suggest-card design no-display"> 

<ul class="search_filtered"> 

</ ul> 

</div> 

<div class="suggest-card distribute no-display"> 

<ul class="search_filtered"> 

</ ul> 

</div> 

</div> 

</divx|*>* end menu-container (search and menu widget) --> 


<!-- Expanded quicknav --> 

<div id="quicknav" class="col-13"> 

<ul> 

<li class="about"> 

<ul> 

<li><a href =" . /about/index . html">About</ax/li> 

<lixa href =" . /wear/index . html">Wear</ax/li> 

<lixa href =" . /tv/index . html">TV</ax/li> 

<li><a href =" . /auto/index . html">Auto</ax/li> 

</ ul> 

</li> 

<li class="design"> 

<ul> 

<lixa href =" ./design/index. html">Get Started</ax/li> 

<li><a href =" . /design/devices . html">Devices</a></li> 

<lixa href =" . /design/style/index . html">Style</ax/li> 

<li><a href =" . /design/patterns/index . html">Patterns</ax/li> 
<li><a href=" . /design/building-blocks/index . html">Building 



Blocks</a></li> 


<li><a href =" . /design/downloads/index . html">Downloads</a></li> 
<li><a href =" . /design/videos/index . html">Videos</a></li> 

</ul> 

</li> 

<li class="develop"> 

<ul> 

<li><a href =" . /training/index . html" 
zh-tw-lang="#l|liiliPS" 
zh-cn-lang="±prijll" 
ru-lang="Kypcbi" 
ko-lang="J2^" 
ja-lang=" h u — — > 
es-lang="Capacitacion" 

>T raining</a></li> 

<li><a href =" . /guide/index . html" 
zh-tw-lang="APl fl’S" 
zh-cn-lang="API 
ru-lang="PyKOBOflCTBa no API" 
ko-lang="APl 7|-o| = " 
ja-lang="API K" 
es-lang="Gulas de la API" 

>API Guides</a></li> 

<lixa href =" . /reference/packages . html" 
zh-tw-lang=" 
zh-cn-lang="##" 
ru-lang="CnpaBOHHMK" 

ko-lang="§j'^^^H " 
ja-lang=" 

es-lang=" Referenda" 

>Reference</a></li> 

<li><a href =". /sdk/index . html" 
zh-tw-lang="ffiifllM" 
zh-cn-lang="I^r" 
ru-lang="l/lHCTpyMeHTbi" 
ko-lang="£ 1 ?-" 
ja-lang ="y—ju" 
es-lang="Herramientas" 

>Tools</a> 

</li> 

<li><a href =". /google/index . html">Google Services</a> 

</li> 

</ ul> 

</li> 

<li class="distribute last"> 

<ul> 

<lixa href =" . /distribute/googleplay/index . html">Google 

Play</a></li> 

<lixa 

href =" . /distribute/essentials/index . html">Essentials</ax/li> 

<li><a href =" . /distribute/users/index . html">Get Users</ax/li> 
<lixa href =". /distribute/engage/index. html">Engage &amp; 

Retain</a></li> 

<li><a href =" . /distribute/monetize/index . html">Monetize</ax/li> 
<lixa href=" . /distribute/tools/index. html">Tools &amp; 

Reference</a></li> 

<li><a href =" . /distribute/stories/index . html">Developer 


Stories</a></li> 



</ ul> 

</li> 

</ul> 

</div><!-- /Expanded quicknav --> 
</div><!-- end header-wrap .wrap --> 
</div><!-- end header --> 


<div id="searchResults" class="wrap" style="display : none; "> 

<h2 id="searchTitle">Results</h2> 

<div id="leftSearchControl" class="search-control">Loading . . .</div> 
</div> 

</div> <!--end header-wrapper --> 

<div id="sticky-header"> 

<div> 

<a class="logo" href="#top"></a> 

<a class="top" href="#top"></a> 

<ul class="breadcrumb"> 

<li class="current">Welcome</li> 

</ul> 

</div> 

</div> 


<div class="wrap clearfix" id="body-content"> 

<div class="col-4" id="side-nav" itemscope 
itemtype="http : //schema. org/SiteNavigationElement"> 

<div id="devdoc-nav"> 

<div id="api-nav-header"> 

<div id="api-level-toggle"> 

<label for="apiLevelCheckbox" class="disabled" 

title="Select your target API level to dim unavailable APIs">API level: 

</label> 

<div class="select-wrapper"> 

<select id="apiLevelSelector"> 

<!-- option elements added by buildApiLevelSelector( ) --> 

</select> 

</div> 

</div><!-- end toggle --> 

<div id="api-nav-title">Android APIs</div> 

</div><!-- end nav header --> 

<script> 

var SINCE_DATA = [ ]; 

buildApiLevelSelector ( ) ; 

</script> 

<div id="swapper"> 

<div id="nav-panels"> 

<div id="resize-packages-nav"> 

<div id="packages-nav" class="scroll-pane"> 


<ul> 



</ul><br/> 


</div> <!-- end packages-nav --> 

</div> <!-- end resize-packages --> 

<div id="classes-nav" class="scroll-pane"> 


<p style="padding:10px">Select a package to view its members</p><br/> 


</div><!-- end classes --> 

</div><!-- end nav-panels --> 

<div id="nav-tree" style="display : none" class="scroll-pane"> 

<div id="tree-list"x/div> 

</div>< ! - - end nav-tree --> 

</div><!-- end swapper --> 

<div id="nav-swap"> 

<a class="f ullscreen">f ullscreen</a> 

<a href='#' onclick= 1 swapNav( ); return false; 'xspan id= ' tree-link 1 >Use Tree 
Navigation</spanxspan id= ' panel-link 1 style= 1 display : none 1 >Use Panel 
Navigation</spanx/a> 

</div> 

</div> <!-- end devdoc-nav --> 

</div> <!-- end side-nav --> 

<script type="text/javascript"> 

// init fullscreen based on user pref 
var fullscreen = readCookie( "fullscreen" ) ; 
if (fullscreen != 0) { 

if (fullscreen == "false") { 
toggleFullscreen(false) ; 

} else { 

toggleFullscreen(true) ; 

} 

} 

// init nav version for mobile 
if (isMobile) { 

swapNav(); // tree view should be used on mobile 
$( '#nav-swap ' ) . hide( ) ; 

} else { 

chooseDefaultNav( ) ; 
if ($( "#nav-tree" ) .is( ' :visible' )) { 
init_def ault_navtree( " . /" ) ; 

} 

} 

// scroll the selected page into view 
$(document) . ready(function( ) { 
scrollIntoView( "packages-nav" ) ; 
scrollIntoView( "classes-nav" ) ; 

}); 

</script> 


<div class="col-12" id="doc-col" > 



<hl itemprop="name" >Welcome</hl> 


<div id=" jd-content"> 


<div class=" jd-descr" itemprop="articleBody"> 

<style type="text/css"> 

#qv h2 { 

font-size:1.5em; 
font -weight: bold; 
margin :12px 0 .5em 0; 
padding :5px; 
color :#7BB026; 
border : none; 

} 

#qv ul li { 

padding: 0 5px lem 0; 

} 

</style> 

<div id="mainBodyFluid"> 

<hl>Welcome to the Android SDK!</hl> 

<div id="qv-wrapper"> 

<div id="qv"> 

<h2>Get Started</h2> 

<ul> 

<li>Create a <a href=" ./training/basics/firstapp/index.html">Building Your 
First App</a> 
application</li> 

<li>Read <a href =" ./resources/browser . html?tag=sample">Sample Code</a>, 
especially <a href=" ./resources/samples/ApiDemos/index.html">APl Demos</a></li> 
<li>Read the <a href =". /guide/components/index. html">Application 
Fundamentals</a></li> 

<li>Read the <a href =" ./tools/workf low/index. html">Introduction</a> for using 
the SDK 
tools</li> 

</ ul> 

</div> 

</div> 

<h3>If you've downloaded the Android SDK for the first time</h3> 

<p>Follow the guide to <a href=" . /sdk/installing/index . html">Installing the Android 
SDK</a>, which 

will help you setup your development environment . </p> 

<h3>If you've installed new SDK components using the Android SDK Manager</h3> 



<p>There's no additional setup. </p> 


<div class="note"> 

<p><strong>Note : </strong> You are currently viewing the offline version of the 
Android developer 

documentation. Because some features such as search and videos are network-based, 
not everything 

will work if you are not connected to the Internet. Additionally, the online 

version may contain 

more recently updated documents . </p> 

<p>For the latest documentation, please visit 

<b><a href ="http : //developer . android . com">developer . android . com</a></b> . 

</p> 

</div> 

</div> 

<div class="content-footer layout-content-row" 

itemscope itemtype="http: //schema. org/SiteNavigationElement"> 

<div class="paging-links layout-content-col col-10"> 

</div> 

<div class="layout-content-col plus-container col-2" > 

<div class="g-plusone" data-size="medium"x/div> 

</div> 

</div> 

</div> <!-- end jd-content --> 

<div id="footer" class="wrap" > 


<div id="copyright"> 

Except as noted, this content is 

licensed under <a href="http://creativecommons.org/licenses/by/2.5/"> 
Creative Commons Attribution 2.5</a>. For details and 
restrictions, see the <a href=" ./license. html">Content 
License</a>. 

</div> 


<div id="footerlinks"> 

<p> 

<a href =". /about/index . html">About Android</a>&nbsp;&nbsp; |&nbsp; 
<a href=" ./legal. html">Legal</a>&nbsp;&nbsp; |&nbsp; 

<a href =" . /support . html">Support</a> 

</p> 

</div> 

</div> <!-- end footer --> 

</divx! end doc-content --> 



</div> <!-- end body-content --> 


<script src=" https : //developer . android . com/ytblogger_lists_unif ied . j s" 
type="text/javascript"x/script> 

<script src=" . /jd_lists_unified . js?v=2" type="text/javascript"x/script> 
<script src=" . /jd_extras . js?v=3" type="text/javascript"x/script> 

<script src=" . /jd_collections . js?v=3" type="text/javascript"x/script> 
<script src=" . /jd_tag_helpers . js?v=2" type="text/javascript"x/script> 

</body> 

</html> 



